<template>
  <div>
    <div @click="zhanglukuan" class="addcontentsub" v-if="luyinItem.rank <= 3">
      <img src="	http://e8.weaver.com.cn/spa/document/images/file.png" />
      <div class="addtext">{{ luyinItem.label }}</div>
    </div>
     <!-- <xuesheng clas='qweqwe'  v-if="luyinItem.rank === 4" /> -->
  </div>
</template>
<script>
import xuesheng from "./xuesheng.vue";

export default {
  props: ["luyinItem"],
  data() {
    return {};
  },
  methods: {
    zhanglukuan() {
      if (this.luyinItem.rank === 3) {
        console.log(this.luyinItem);
      }
      console.log(this.luyinItem)
    },
  },
  computed: {},
  components: { xuesheng },
  created() {},
  mounted() {},
};
</script>

<style >
.addcontentsub:hover {
  border: 1px solid rgb(45, 183, 245);
}
.addcontentsub {
  width: 130px;
  height: 130px;
  padding: 30px;
  margin: 30px 24.5px;
  text-align: center;
  
  border: 1px solid rgb(255,255,255);
}
/* .addcontent {
  width: 150px;
  height: 150px;
  text-align: center;
  float: left;
  margin-top: 10px;
  margin-right: 25px;
  border: 1px solid #fff;
  background: #fff;
} */
/* .addcontent:hover {
  background: red;
  border: 1px solid rgb(45, 183, 245);
} */
.addtext {
  font-family: PingFangSC-Regular;
  color: #333;
  width: 100%;
  letter-spacing: -0.08px;
  font-size: 14px;
}
</style>
